import React, { Component } from 'react'

export default class main extends Component {
  render() {
    return (
      <section className="main">
        <input
          id="toggle-all"
          className="toggle-all"
          type="checkbox"
          onChange={() => {}}
        />
        <label>Mark all as complete</label>
        <ul className="todo-list">
          <li className="completed">
            <div className="view">
              <input
                className="toggle"
                type="checkbox"
                checked
                onChange={() => {}}
              />
              <label>Taste JavaScript</label>
              <button className="destroy"></button>
            </div>
            <input
              className="edit"
              value="Create a TodoMVC template"
              onChange={() => {}}
            />
          </li>
          <li>
            <div className="view">
              <input className="toggle" type="checkbox" onChange={() => {}} />
              <label>Buy a unicorn</label>
              <button className="destroy"></button>
            </div>
            <input className="edit" value="Rule the web" onChange={() => {}} />
          </li>
        </ul>
      </section>
    )
  }
}
